<script>
    if (localStorage.getItem('token') === '') {
        location.href = './login.html'
    }
</script>

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>


    <link rel="stylesheet" href="./assets/lib/assets/lib/cropper/cropper.css">
    <link rel="stylesheet" href="./assets/lib/layui/css/layui.css">
    <link rel="stylesheet" href="../layui/font/iconfont.eot">
    <link rel="stylesheet" href="./assets/lib/layui/bootstrap.css">
    <link rel="stylesheet" href="./assets/lib/assets/lib/main.css">
    <link rel="stylesheet" href="./css/inex.css">


</head>

<body style="background-color: aliceblue;">
    <div class="layui-layout layui-layout-admin">
        <div class="layui-header">
            <div class="layui-logo layui-hide-xs layui-bg-black"><img  src="./assets/images/logo.png" alt=""></div>
            <!-- 头部区域（可配合layui 已有的水平导航） -->

            <ul class="layui-nav layui-layout-right">
                <li class="layui-nav-item layui-hide layui-show-md-inline-block">
                    <a id="df" style="width: 200px;" href="javascript:;">

                       <span style="display: none;" class="spantp spantp2"></span><span style="display: none;overflow: hidden;" class=" spantp spantp1"><img style="width: 100%; height: 100%;" src="" alt=""></span><span>个人中心</span>
                    </a>
                    <dl class="layui-nav-child">
                        <dd><a class="ghtx" href="#">个人头像</a></dd>
                        <dd><a class="jbzl" href="#">基础资料</a></dd>
                        <dd><a class="czmm" href="#">重置密码</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item" lay-header-event="menuRight" lay-unselect>
                    <button style="background-color: #24262d;" data-method="offset" data-type="auto" class="layui-btn  on"><i class="layui-icon layui-icon-home"></i>退出</button>
                </li>
            </ul>
        </div>

        <div class="layui-side layui-bg-black">
            <div class="layui-side-scroll">
                <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
                <ul class="layui-nav layui-nav-tree" lay-filter="test">
                    <li class="layui-nav-item"><a id="aa" href=""><span style="display: none;" class="spantp spantp2"></span><span style="display: none;overflow: hidden;" class=" spantp spantp1"><img style="width: 100%; height: 100%;" src="" alt=""></span>欢迎你<span class="suer"></span></a></li>
                    <li class="layui-nav-item"><a class="index" href="javascript:;"><i class="layui-icon layui-icon-home"></i>  首页</a></li>
                    <li class="layui-nav-item ">
                        <a class="" href="javascript:;">文章管理</a>
                        <dl class="layui-nav-child">
                            <dd><a class="nbgl" href="#"><i class="layui-icon layui-icon-app"> </i>类别管理</a></dd>
                            <dd><a class="wzlb" href="#"><i class="layui-icon  layui-icon-app"> </i>文章列表</a></dd>
                            <dd><a class="wzfb" href="#"><i class="layui-icon layui-icon-app"> </i>添加文章</a></dd>

                        </dl>
                    </li>
                    <li class="layui-nav-item">
                        <a href="javascript:;">个人中心</a>
                        <dl class="layui-nav-child">
                            <dd><a class="jbzl" href="javascript:;"><i class="layui-icon layui-icon-app"> </i>基本资料</a></dd>
                            <dd><a class="czmm" href="javascript:;"><i class="layui-icon layui-icon-app "> </i>重置密码</a></dd>
                            <dd><a class="ghtx" href="#"><i class="layui-icon layui-icon-app"> </i>更换头像</a></dd>
                        </dl>
                    </li>


                </ul>
            </div>

        </div>
        <div class="layui-body" style="padding: 20px;">
            <!-- 内容主体区域 -->
            <!-- 插图 -->
            <div style="padding: 15px;" class="min" style="display:none;">

                <div class="container-fluid">
                    <div class="row spannel_list">
                        <div class="col-sm-3 col-xs-6">
                            <div class="spannel">
                                <em>10015</em><span>篇</span>
                                <b>总文章数</b>
                            </div>
                        </div>
                        <div class="col-sm-3 col-xs-6">
                            <div class="spannel scolor01">
                                <em>123</em><span>篇</span>
                                <b>日新增文章数</b>
                            </div>
                        </div>
                        <div class="col-sm-3 col-xs-6">
                            <div class="spannel scolor02">
                                <em>35</em><span>条</span>
                                <b>评论总数</b>
                            </div>
                        </div>
                        <div class="col-sm-3 col-xs-6">
                            <div class="spannel scolor03">
                                <em>123</em><span>条</span>
                                <b>日新增评论数</b>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="container-fluid">
                    <div class="row curve-pie">
                        <div class="col-lg-8 col-md-8">
                            <div class="gragh_pannel" id="curve_show"></div>
                        </div>
                        <div class="col-lg-4 col-md-4">
                            <div class="gragh_pannel" id="pie_show"></div>
                        </div>
                    </div>
                </div>

                <div class="container-fluid">
                    <div class="column_pannel" id="column_show"></div>
                </div>
            </div>
            <!-- 插图end -->
            <!-- 基本管理 -->
            <div class="layui-col-md6 nbglmin" style=" width: 100%; display: none; ">
                <div class="layui-card" style=" width: 100%; height: 500px">
                    <div class="layui-card-header lbbox">类别管理
                        <button type="button" class="layui-btn">添加类别</button>
                    </div>
                    <div class="layui-card-body" style="width: 100%;">
                        <table class="layui-table" style="width: 100%;">
                            <colgroup style="width: 100%;">
                                <col width="40%">
                                <col width="40%">
                                <col>
                            </colgroup>
                            <thead>
                                <tr>
                                    <th>类别名称</th>
                                    <th>类别别名</th>
                                    <th>操作</th>
                                </tr>
                            </thead>
                            <tbody class="tbody2">
                                <tr>
                                    <td>贤心</td>
                                    <td>2016-11-29</td>
                                    <td>
                                        <button type="button" class="layui-btn layui-btn-xs">一个标准的按钮</button>
                                        <button type="button" class="layui-btn  layui-btn-danger  layui-btn-xs">一个标准的按钮</button>
                                    </td>
                                </tr>

                            </tbody>
                        </table>

                    </div>
                </div>
            </div>

            <!-- 基本管理end -->

            <!-- 更换头像 -->
            <div class="layui-col-md6 txmin" style="display: none; width: 100%">

                <div class="layui-card">
                    <div class="layui-card-header">更换头像</div>
                    <div class="layui-card-body" style=" height: 500px">
                        <!-- 第一行的图片裁剪和预览区域 -->
                        <div class="row1">
                            <!-- 图片裁剪区域 -->
                            <div class="cropper-box">
                                <!-- 这个 img 标签很重要，将来会把它初始化为裁剪区域 -->
                                <img width="80%"  height="80%" id="image" src="" />
                            </div>
                            <!-- 图片的预览区域 -->
                            <div class="preview-box"width="100%"  height="100%" style="height:350px ; width: 350px;">
                                <div>
                                    <!-- 宽高为 100px 的预览区域 -->
                                    <div class="img-preview w100" width="350px"  height="350px"  ></div>
                                    <p class="size">100 x 100</p>
                                </div>
                                <div>
                                    <!-- 宽高为 50px 的预览区域 -->
                                    <div class="img-preview w50" width="100%"  height="100%"></div>
                                    <p class="size">50 x 50</p>
                                </div>
                            </div>
                        </div>

                        <!-- 第二行的按钮区域 -->
                        <div class="row2">
                            <input id="file" type="file" style="display: none;">
                            <button type="button" class="layui-btn">上传吗</button>
                            <button id="btnt" type="button" class="layui-btn layui-btn-danger">提交吧</button>
                        </div>
                    </div>

                </div>





            </div>
            <!-- 更换头像 -->
            <!-- 重置密码 -->
            <div class="layui-col-md6 czmmmin" style="display:none; width: 100%">
                <div class="layui-card">
                    <div class="layui-card-header">重置密码</div>
                    <div class="layui-card-body" style=" height: 500px">
                        <form action="">
                            <div class="layui-form-item">
                                <label style="width: 100px;" class="layui-form-label">原密码</label>
                                <div class="layui-input-inline">
                                    <input type="password" name="oldPwd" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
                                </div>


                            </div>
                            <div class="layui-form-item">
                                <label style="width: 100px;" class="layui-form-label">新密码</label>
                                <div class="layui-input-inline">
                                    <input type="password" name="newPwd" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
                                </div>

                            </div>
                            <div class="layui-form-item">
                                <label style="width: 100px;" class="layui-form-label">确认新密码</label>
                                <div class="layui-input-inline">
                                    <input type="password" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input mima2">
                                </div>

                            </div>
                            <div class="layui-form-item">
                                <div class="layui-input-block">
                                    <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
                                    <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>

            <!-- 重置密码 end-->
            <!-- 基本资料 -->
            <div class="layui-col-md6 jbzlmin" style="display:none; width: 100%">
                <div class="layui-card">
                    <div class="layui-card-header">基本资料</div>
                    <div class="layui-card-body" style=" height: 500px">
                        <form class="layui-form" lay-filter="abc">
                            <div class="layui-form-item">
                                <label style="width: 100px;" class="layui-form-label">登录账号</label>
                                <div class="layui-input-inline">
                                    <input type="text" name="username" disabled required lay-verify="required" placeholder="请输入账号" autocomplete="off" class="layui-input layui-inputuname">
                                </div>

                            </div>
                            <div class="layui-form-item">
                                <label style="width: 100px;" class="layui-form-label">用户昵称</label>
                                <div class="layui-input-inline">
                                    <input type="text" name="nickname" required lay-verify="required" placeholder="请输入昵称" autocomplete="off" class="layui-input">
                                </div>

                            </div>
                            <div class="layui-form-item">
                                <label style="width: 100px;" class="layui-form-label">用户邮箱</label>
                                <div class="layui-input-inline">
                                    <input type="text" name="email" required lay-verify="required|email" placeholder="请输入邮箱" autocomplete="off" class="layui-input">
                                </div>

                            </div>
                            <div class="layui-form-item">
                                <div class="layui-input-block">
                                    <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
                                    <button type="reset" class="layui-btn czbtn layui-btn-primary">重置</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <!-- 基本资料end -->
            <!-- 文章列表 -->
            <div class="layui-col-md6 wzlbmin" style="display:none;  width: 100%">
                <div class="layui-card">
                    <div class="layui-card-header">




                    </div>
                    <div class="layui-card-body" style="width: 100%; height: 500px;">
                        <form action="" id="form_top12">
                            <div class="layui-form-item">

                                <div class="layui-inline">

                                    <div class="layui-input-inline" style="width: 200px;">
                                        <select id="city_top" name="city" lay-verify="" style="width: 200px;">
                                        <option value="">全部分类</option>
                                        
                                      </select>
                                    </div>

                                    <div class="layui-input-inline" style="width: 200px;">
                                        <select id="zhuangtai" name="city" lay-verify="" style="width: 200px;">
                                            <option value="已发布">全部</option>
                                            <option value="已发布">已发布</option>
                                              <option value="草稿">草稿</option>
                                          
                                          </select>
                                    </div>
                                </div>

                                <div class="layui-inline">

                                    <div class="layui-input-inline" style="width: 200px;">
                                        <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>

                                    </div>
                                </div>

                            </div>
                        </form>
                        <form id="cvb" action="">
                            <table class="layui-table">
                                <colgroup>
                                    <col width="150">
                                    <col width="200">
                                    <col>
                                </colgroup>
                                <thead>
                                    <tr>
                                        <th>标题</th>
                                        <th>分类</th>
                                        <th>发布时间</th>
                                        <th>状态</th>
                                        <th>操作</th>
                                    </tr>
                                </thead>
                                <tbody class="tbody3">


                                </tbody>
                            </table>
                        </form>

                    </div>
                    <div id="qwer"></div>

                </div>
            </div>
            <!-- 文章列表 -->
            <!-- 文章发布 -->
            <div class="layui-col-md6 wzfbmin" style="display:none; width: 100%">
                <div class="layui-card">
                    <div class="layui-card-header">添加文章</div>
                    <div class="layui-card-body" style=" height: 1100px">
                        <form class="layui-form" lay-filter="abc" id="ace">
                            <div class="layui-form-item">
                                <label class="layui-form-label">输入框</label>
                                <div class="layui-input-block">
                                    <input type="text" name="title" required lay-verify="required" placeholder="请输入标题" autocomplete="off" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">选择框</label>
                                <div class="layui-input-block">
                                    <select id="city_buttom" name="cate_id" lay-verify="required">
                                          <option value=""></option>
                                          
                                        </select>
                                </div>
                            </div>
                            <div class="layui-form-item layui-form-text" id="fg" style="width: 1000px;">
                                <label class="layui-form-label">文本域</label>
                                <div class="layui-input-block">
                                    <textarea placeholder="请输入内容" class="layui-textarea"></textarea>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">单选框</label>
                                <div class="layui-input-block">
                                    <input type="radio" name="state" value="已发布" title="已发布" checked>
                                    <input type="radio" name="state" value="草稿" title="草稿">
                                </div>
                            </div>
                            <div class="mmm" style="display: block;"></div>
                            <div class="layui-card-header">更换头像</div>
                            <div class="layui-card-body" style=" height: 400px">
                                <!-- 第一行的图片裁剪和预览区域 -->
                                <div class="row1">
                                    <!-- 图片裁剪区域 -->
                                    <div class="cropper-box">
                                        <!-- 这个 img 标签很重要，将来会把它初始化为裁剪区域 -->
                                        <img width="80%" height="80%" id="image1" src="" />
                                    </div>
                                    <!-- 图片的预览区域 -->
                                    <div class="preview-box" style="height:350px ; width: 350px;">
                                        <div>
                                            <!-- 宽高为 100px 的预览区域 -->
                                            <div class="img-preview1 w100" style="overflow: hidden ; border-radius: 50%;"></div>
                                            <p class="size">100 x 100</p>
                                        </div>
                                        <div>
                                            <!-- 宽高为 50px 的预览区域 -->
                                            <div class="img-preview1 w50" style="overflow: hidden ; border-radius: 50%;"></div>
                                            <p class="size">50 x 50</p>
                                        </div>
                                    </div>


                                    <!-- 第二行的按钮区域 -->
                                    <div class="row2">
                                        <input id="file1" type="file" style="display: none;">
                                        <button type="button" class="layui-btn sc">上传</button>
                                        <button id="" type="button" class="layui-btn layui-btn-danger qd">确定</button>
                                    </div>
                                </div>

                            </div>


                        </form>
                    </div>
                </div>
            </div>
            <!-- 修改文章 -->
            <div class="layui-col-md6 xgwzmin" style="display:none; width: 100%">
                <div class="layui-card">
                    <div class="layui-card-header">添加文章</div>
                    <div class="layui-card-body" style=" height: 1100px">
                        <form class="layui-form" lay-filter="abc" id="xg">
                            <div class="layui-form-item">
                                <label class="layui-form-label">输入框</label>
                                <div class="layui-input-block">
                                    <input type="text" name="title" required lay-verify="required" placeholder="请输入标题" autocomplete="off" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">选择框</label>
                                <div class="layui-input-block">
                                    <select id="city_buttom1" name="cate_id" lay-verify="required">
                                         
                                          
                                        </select>
                                </div>
                            </div>
                            <div class="layui-form-item layui-form-text" id="" style="width: 1000px;">
                                <label class="layui-form-label">文本域</label>
                                <div class="layui-input-block">
                                    <textarea placeholder="请输入内容" name="content" class="layui-textarea  " id="wenben"></textarea>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">单选框</label>
                                <div class="layui-input-block">
                                    <input id="yifabu" type="radio" name="state" value="已发布" title="已发布">
                                    <input id="caogao" type="radio" value="草稿" title="草稿">
                                </div>
                            </div>
                            <div class="mmmm" style="display: none;"></div>
                            <div class="layui-card-header">更换头像</div>
                            <div class="layui-card-body" style=" height: 400px">
                                <!-- 第一行的图片裁剪和预览区域 -->
                                <div class="row1">
                                    <!-- 图片裁剪区域 -->
                                    <div class="cropper-box">
                                        <!-- 这个 img 标签很重要，将来会把它初始化为裁剪区域 -->
                                        <img width="80%" height="80%" id="image2" src="http://www.itcbc.com:8080/3baa48d1f720dff4aab20423b9fc93e5" />
                                    </div>
                                    <!-- 图片的预览区域 -->
                                    <div class="preview-box" style="height:350px ; width: 350px;">
                                        <div>
                                            <!-- 宽高为 100px 的预览区域 -->
                                            <div class="img-preview12 w100" style="overflow: hidden ; border-radius: 50%;"></div>
                                            <p class="size">100 x 100</p>
                                        </div>
                                        <div>
                                            <!-- 宽高为 50px 的预览区域 -->
                                            <div class="img-preview12 w50" style="overflow: hidden ; border-radius: 50%;"></div>
                                            <p class="size">50 x 50</p>
                                        </div>
                                    </div>


                                    <!-- 第二行的按钮区域 -->
                                    <div class="row2">
                                        <input id="wenj" type="file" style="display: none;">
                                        <button id="xgsc" type="button" class="layui-btn ">上传</button>
                                        <button id="qrxg" type="button" class="layui-btn layui-btn-danger">确认修改</button>
                                    </div>
                                </div>

                            </div>


                        </form>
                    </div>
                </div>
            </div>






        </div>
    </div>







    <script type="text/html" id="add-form">
        <form class="layui-form2" action="">
            <div class="layui-form-item">
                <label class="layui-form-label">输入框</label>
                <div class="layui-input-block">
                    <input type="text" style="width: 250px;" name="name" required lay-verify="required" placeholder="请输入标题" autocomplete="off" class="layui-input e">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">输入框</label>
                <div class="layui-input-block">
                    <input style="width: 250px;" type="text" name="alias" required lay-verify="required" placeholder="请输入标题" autocomplete="off" class="layui-input e1">
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button id="tjbtn" class="layui-btn">立即提交</button>
                    <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                </div>
            </div>
        </form>



    </script>
    <script type="text/html" id="add-form1">
        <form class="layui-form1" action="">
            <div class="layui-form-item">
                <label class="layui-form-label">输入框</label>
                <div class="layui-input-block">
                    <input type="text" style="width: 250px;" name="name" required lay-verify="required" placeholder="请输入标题" autocomplete="off" class="layui-input ">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">输入框</label>
                <div class="layui-input-block">
                    <input style="width: 250px;" type="text" name="alias" required lay-verify="required" placeholder="请输入标题" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-input-block">
                    <input type="hidden" name="id">
                    <button id="tjbtn" class="layui-btn">立即提交</button>
                    <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                </div>
            </div>
        </form>



    </script>
    <script src="./js/jquery-3.6.0.min.js"></script>
    <script src="./assets/lib/layer-v3.5.1/layer/layer.js"></script>


    <script src="./assets/lib/assets/lib/cropper/Cropper.js"></script>
    <script src="./assets/lib/assets/lib/cropper/jquery-cropper.js"></script>
    <script src="./assets/lib/layui/layui.js"></script>

    <script src="./assets/lib/assets/lib/echarts.min.js"></script>
    <script src="./assets/lib/assets/lib/tinymce/tinymce.min.js"></script>
    <script src="./assets/lib/assets/lib/tinymce/jquery.tinymce.min.js"></script>
    <script src="./assets/lib/assets/lib/tinymce/tinymce_setup.js"></script>
    <script src="./js/com.js"></script>
    <script src="./js/2index.js"></script>
    <script>
        initEditor('textarea')
    </script>









</body>

</html>